import { highlight } from '@/utils/lib/highlight'

/**
 * @description 指令名称 v-highlight="'关键字'"
 * @description 注意: 此指令仅用于纯文本节点; 多层级的标签会被忽略;
 * @example 用法示例 请查看 highlight 方法的介绍
 */
const vHighlight = (el: any, binding: any) => {
	const keyword = binding.value
	if (keyword) {
		el.innerHTML = highlight(el.textContent, keyword)
	}
}

export default vHighlight
